﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home3 SmartEdu</title>

    <!-- Bootstrap -->
    <link rel='stylesheet' href='vendor/jquery-ui/jquery-ui.min.css'>
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">

    <!-- Font Icon -->
    <link rel="stylesheet" href="fonts/line-awesome/css/line-awesome.min.css">
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="fonts/font-awesome-5/css/fontawesome-all.min.css">

    <!-- Revolution slider -->
    <link rel="stylesheet" href="vendor/revolution/settings.css">
    <link rel="stylesheet" href="vendor/revolution/layers.css">
    <link rel="stylesheet" href="vendor/revolution/navigation.css">
    <link rel="stylesheet" href="vendor/revolution/settings-source.css">

    <!-- Vendor CSS -->
    <link rel="stylesheet" href="vendor/css-hamburgers/dist/hamburgers.min.css">
    <link rel="stylesheet" href="vendor/slick/slick-theme.css">
    <link rel="stylesheet" href="vendor/slick/slick.css">
    <link rel="stylesheet" href="vendor/fancybox/dist/jquery.fancybox.min.css">
    <link rel='stylesheet' href='vendor/fullcalendar/fullcalendar.css'>
    <link rel='stylesheet' href='vendor/animate/animate.css'>

    <!-- Main CSS File -->
    <link href="css/style.css" rel="stylesheet">
    <link rel="shortcut icon" href="favicon.png">
</head>

<body>
    <!-- page load-->
    <div class="images-preloader">
	    <div id="preloader_1 spinner1" class="spinner1 rectangle-bounce">
	    	<div class="double-bounce1"></div>
	    	<div class="double-bounce2"></div>
	    </div>
	</div>

    <!-- Header page -->
    <header class="header">
        <div class="header-top hidden-tablet-landscape">
            <div class="container">
                <div class="header-top-content display-flex">
                    <div class="header-top-info">
                        <div class="header-socials">
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                            </ul>
                        </div>
                        <a href="mailto:info@smartedu.com" class="email"><i class="far fa-envelope"></i>info@smartedu.com</a>
                        <a href="#" class="telephone"><i class="fas fa-mobile-alt"></i>+1 222-333-9999</a>
                    </div>
                    <div class="header-top-account">
                        <a href="#" class="signup"><i class="fas fa-edit"></i>Sign Up</a>
                        <a href="#" class="login">Sign In</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-bottom hidden-tablet-landscape" id="js-navbar-fixed">
            <div class="container">
                <div class="header-bottom">
                    <div class="header-bottom-content display-flex">
                        <div class="logo">
                            <a href="index.html">
                                <img src="images/logo.png" alt="SmartEdu">
                            </a>
                        </div>
                        <div class="menu-search display-flex">
                            <nav class="menu">
                                <div>
                                    <ul class="menu-primary">
                                        <li class="menu-item curent-menu-item">
                                            <a href="index.html">Home</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item"><a href="index.html">Home 1</a></li>
                                                <li class="menu-item"><a href="index2.html">Home 2</a></li>
                                                <li class="menu-item"><a href="index3.html">Home 3</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item">
                                            <a href="courses.html">Courses</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item">
                                                    <a href="courses.html">Courses</a>
                                                    <ul class="sub-menu">
                                                        <li class="menu-item"><a href="single-course.html">Course Detail</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item"><a href="standardlist.html">Standard List</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item">
                                            <a href="#">Pages</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item"><a href="aboutus.html">About us </a></li>
                                                <li class="menu-item"><a href="gallery1.html">Gallery 1</a></li>
                                                <li class="menu-item"><a href="gallery2.html">Gallery 2</a></li>
                                                <li class="menu-item"><a href="404.html">404</a></li>
                                                <li class="menu-item"><a href="pricing.html">Pricing Table</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item">
                                            <a href="events.html">Events</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item"><a href="events.html">Events</a>
                                                    <ul class="sub-menu">
                                                        <li class="menu-item"><a href="single-event.html">Event Detail</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item">
                                            <a href="blog1.html">News</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item"><a href="blog1.html">Blog 1</a>
                                                    <ul class="sub-menu">
                                                        <li class="menu-item"><a href="single.html">Blog detail</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item"><a href="blog2.html">Blog 2</a></li>
                                                <li class="menu-item"><a href="blog3.html">Blog 3</a>
                                            </ul>
                                            </li>
                                            <li class="menu-item">
                                                <a href="contact1.html">Contact</a>
                                                <ul class="sub-menu">
                                                    <li class="menu-item"><a href="contact1.html">Contact 1</a></li>
                                                    <li class="menu-item"><a href="contact2.html">Contact 2</a></li>
                                                    <li class="menu-item"><a href="contact3.html">Contact 3</a></li>
                                                </ul>
                                            </li>
                                    </ul>
                                </div>
                            </nav>
                            <div class="search-box">
                                <form method="POST">
                                    <input type="text" placeholder="Search..." id="search-box" name="s" value="">
                                    <div class="search-icon display-flex-center">
                                        <i class="la la-search"></i>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hidden-tablet-landscape-up header-mobile">
            <div class="header-top-mobile">
                <div class="container-fluid">
                    <div class="logo">
                        <a href="index.html">
                            <img src="images/logo.png" alt="SmartEdu" />
                        </a>
                    </div>
                    <div class="search-box">
                        <form method="POST">
                            <input type="text" placeholder="Search..." name="s" value="">
                            <div class="search-icon font-color-white display-flex-center">
                                <i class="fa fa-search" aria-hidden="true"></i>
                            </div>
                        </form>
                    </div>
                    <button class="hamburger hamburger--spin hidden-tablet-landscape-up" id="toggle-icon">
                        <span class="hamburger-box">
                            <span class="hamburger-inner"></span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="au-nav-mobile">
                <nav class="menu-mobile">
                    <div>
                        <ul class="au-navbar-menu">
                            <li class="menu-item curent-menu-item">
                                <a href="index.html">Home</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="index.html">Home 1</a></li>
                                    <li class="menu-item"><a href="index2.html">Home 2</a></li>
                                    <li class="menu-item"><a href="index3.html">Home 3</a></li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="courses.html">Courses</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item">
                                        <a href="courses.html">Courses</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="single-course.html">Course Detail</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item"><a href="standardlist.html">Standard List</a></li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="#">Pages</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="aboutus.html">About us </a></li>
                                    <li class="menu-item"><a href="gallery1.html">Gallery 1</a></li>
                                    <li class="menu-item"><a href="gallery2.html">Gallery 2</a></li>
                                    <li class="menu-item"><a href="404.html">404</a></li>
                                    <li class="menu-item"><a href="pricing.html">Pricing Table</a></li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="events.html">Events</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="events.html">Events</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="single-event.html">Event Detail</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="blog1.html">News</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="blog1.html">Blog 1</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="single.html">Blog detail</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item"><a href="blog2.html">Blog 2</a></li>
                                    <li class="menu-item"><a href="blog3.html">Blog 3</a>
                                </ul>
                                </li>
                                <li class="menu-item">
                                    <a href="contact1.html">Contact</a>
                                    <span class="arrow">
                                    <i></i>
                                </span>
                                    <ul class="sub-menu">
                                        <li class="menu-item"><a href="contact1.html">Contact 1</a></li>
                                        <li class="menu-item"><a href="contact2.html">Contact 2</a></li>
                                        <li class="menu-item"><a href="contact3.html">Contact 3</a></li>
                                    </ul>
                                </li>
                        </ul>
                    </div>
                </nav>
            </div>
            <!-- <div class="clear"></div> -->
            <div class="header-top">
                <div class="container-fluid">
                    <div class="header-top-content display-flex">
                        <div class="header-top-info">
                            <a href="tel:04445552222" class="telephone"><span><i class="fas fa-mobile-alt"></i></span> +1 444-555-2222</a>
                            <a href="mailto:info@smartedu.com" class="email"><span><i class="far fa-envelope"></i></span> info@smartedu.com</a>
                        </div>
                        <div class="header-top-account">
                            <a href="#" class="login"><i class="fas fa-user"></i>Login</a>
                            <a href="#" class="signup"><i class="fas fa-edit"></i>Register</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </header>

    <main>

        <!-- Categories -->
        <section class="categories-2">
            <div class="container-fluid">
                <div class="categories-2-content">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 px-xl-0 px-lg-0">
                            <article class="item cat-1">
                                <figure>
                                    <a href="courses.html"><img src="images/home2-categories-1.jpg" alt=""></a>
                                    <div class="info">
                                        <span class="icon">
                                            <svg 
                                            xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink"
                                            width="65px" height="65px">
                                            <path fill-rule="evenodd" 
                                            d="M16.777,35.157 C17.013,35.393 17.149,35.720 17.149,36.054 C17.149,36.388 17.013,36.716 16.777,36.952 C16.541,37.188 16.214,37.323 15.879,37.323 C15.545,37.323 15.218,37.188 14.982,36.952 C14.746,36.716 14.610,36.388 14.610,36.054 C14.610,35.720 14.746,35.393 14.982,35.157 C15.218,34.920 15.545,34.785 15.879,34.785 C16.213,34.785 16.541,34.920 16.777,35.157 ZM32.620,47.480 C31.919,47.480 31.351,46.912 31.351,46.210 C31.351,45.509 31.919,44.941 32.620,44.941 C33.321,44.941 33.896,45.509 33.896,46.210 C33.896,46.912 33.333,47.480 32.632,47.480 L32.620,47.480 ZM58.652,52.558 L39.355,52.558 L39.355,57.383 L41.133,57.383 C44.073,57.383 46.465,59.774 46.465,62.714 L46.465,63.730 C46.465,64.431 45.896,65.000 45.195,65.000 L19.804,65.000 C19.103,65.000 18.535,64.431 18.535,63.730 L18.535,62.714 C18.535,59.774 20.927,57.383 23.867,57.383 L25.644,57.383 L25.644,52.558 L6.348,52.558 C2.848,52.558 -0.000,49.710 -0.000,46.210 L-0.000,10.409 C-0.000,7.470 2.392,5.078 5.332,5.078 L6.346,5.078 C7.047,5.078 7.615,5.646 7.615,6.347 C7.615,7.048 7.047,7.617 6.346,7.617 L5.332,7.617 C3.792,7.617 2.539,8.869 2.539,10.409 L2.539,34.785 L11.055,34.785 C11.756,34.785 12.325,35.353 12.325,36.054 C12.325,36.755 11.756,37.323 11.055,37.323 L2.539,37.323 L2.539,39.863 L26.200,39.863 L26.200,29.421 L25.609,29.421 C24.908,29.421 24.339,28.852 24.339,28.151 C24.339,27.450 24.908,26.882 25.609,26.882 L25.719,26.882 L23.012,18.607 C22.854,18.121 23.002,17.587 23.388,17.252 L23.474,17.178 C26.519,14.543 29.006,11.258 30.729,7.617 L29.963,7.617 C29.262,7.617 28.694,7.049 28.694,6.347 L28.694,5.285 C21.007,6.955 15.245,13.617 14.680,21.479 L15.879,21.479 C16.581,21.479 17.149,22.048 17.149,22.749 L17.149,27.827 C17.149,28.528 16.581,29.097 15.879,29.097 L10.806,29.097 C10.104,29.097 9.536,28.528 9.536,27.827 L9.536,22.749 C9.536,22.048 10.104,21.479 10.806,21.479 L12.135,21.479 C12.414,17.001 14.158,12.729 17.120,9.334 C18.609,7.626 20.358,6.193 22.285,5.078 L16.340,5.078 C15.816,6.556 14.405,7.617 12.750,7.617 C10.650,7.617 8.942,5.908 8.942,3.808 C8.942,1.708 10.650,-0.001 12.750,-0.001 C14.405,-0.001 15.816,1.061 16.340,2.539 L28.694,2.539 L28.694,1.269 C28.694,0.568 29.262,-0.001 29.963,-0.001 L35.037,-0.001 C35.738,-0.001 36.306,0.568 36.306,1.269 L36.306,2.539 L48.659,2.539 C49.184,1.061 50.595,-0.001 52.250,-0.001 C54.350,-0.001 56.058,1.708 56.058,3.808 C56.058,5.908 54.350,7.617 52.250,7.617 C50.594,7.617 49.183,6.556 48.659,5.078 L42.692,5.078 C44.622,6.196 46.374,7.632 47.865,9.342 C50.822,12.736 52.564,17.005 52.842,21.479 L54.194,21.479 C54.896,21.479 55.464,22.048 55.464,22.749 L55.464,27.827 C55.464,28.528 54.896,29.096 54.194,29.096 L49.120,29.096 C48.419,29.096 47.851,28.528 47.851,27.827 L47.851,22.749 C47.851,22.048 48.419,21.479 49.120,21.479 L50.297,21.479 C49.733,13.627 43.980,6.968 36.306,5.290 L36.306,6.347 C36.306,7.049 35.738,7.617 35.037,7.617 L34.271,7.617 C35.994,11.258 38.480,14.543 41.526,17.178 L41.612,17.252 C41.998,17.587 42.146,18.121 41.987,18.607 L39.281,26.882 L39.667,26.882 C40.368,26.882 40.936,27.450 40.936,28.151 C40.936,28.853 40.368,29.421 39.667,29.421 L38.869,29.421 L38.869,39.863 L52.262,39.863 C52.964,39.863 53.532,40.431 53.532,41.133 C53.532,41.834 52.964,42.402 52.262,42.402 L2.539,42.402 L2.539,46.210 C2.539,48.310 4.248,50.019 6.348,50.019 L58.652,50.019 C60.752,50.019 62.461,48.310 62.461,46.210 L62.461,10.410 C62.461,8.870 61.208,7.617 59.668,7.617 L58.652,7.617 C57.951,7.617 57.383,7.049 57.383,6.347 C57.383,5.646 57.951,5.078 58.652,5.078 L59.668,5.078 C62.608,5.078 65.000,7.470 65.000,10.409 L65.000,46.210 C65.000,49.710 62.152,52.558 58.652,52.558 ZM14.610,24.018 L12.075,24.018 L12.075,26.557 L14.610,26.557 L14.610,24.018 ZM12.750,2.539 C12.050,2.539 11.481,3.108 11.481,3.808 C11.481,4.508 12.050,5.078 12.750,5.078 C13.450,5.078 14.020,4.508 14.020,3.808 C14.020,3.108 13.450,2.539 12.750,2.539 ZM52.250,5.078 C52.950,5.078 53.519,4.508 53.519,3.808 C53.519,3.108 52.950,2.539 52.250,2.539 C51.549,2.539 50.980,3.108 50.980,3.808 C50.980,4.508 51.549,5.078 52.250,5.078 ZM50.390,26.557 L52.925,26.557 L52.925,24.018 L50.390,24.018 L50.390,26.557 ZM33.767,2.539 L31.233,2.539 L31.233,5.078 L33.767,5.078 L33.767,2.539 ZM28.739,39.863 L36.330,39.863 L36.330,29.421 L28.739,29.421 L28.739,39.863 ZM36.610,26.882 L39.315,18.611 C37.175,16.668 35.306,14.426 33.769,11.977 L33.769,19.022 C33.769,19.724 33.201,20.292 32.500,20.292 C31.799,20.292 31.230,19.724 31.230,19.022 L31.230,11.977 C29.694,14.426 27.825,16.668 25.685,18.611 L28.390,26.882 L36.610,26.882 ZM23.867,59.922 C22.413,59.922 21.214,61.039 21.086,62.460 L43.914,62.460 C43.786,61.039 42.587,59.922 41.133,59.922 L23.867,59.922 ZM36.816,52.558 L28.184,52.558 L28.184,57.383 L36.816,57.383 L36.816,52.558 ZM58.831,40.234 C59.067,40.471 59.202,40.798 59.202,41.132 C59.202,41.467 59.067,41.794 58.831,42.031 C58.594,42.267 58.268,42.401 57.932,42.401 C57.598,42.401 57.271,42.267 57.035,42.031 C56.799,41.795 56.663,41.467 56.663,41.132 C56.663,40.798 56.799,40.471 57.035,40.234 C57.271,39.999 57.598,39.863 57.932,39.863 C58.268,39.863 58.594,39.999 58.831,40.234 Z"/>
                                            </svg>
                                        </span>
                                        <h3 class="title">
                                            <a href="courses.html">UI Design</a>
                                        </h3>
                                        <span class="total-course">04 Courses</span>
                                    </div>
                                </figure>
                            </article>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 px-xl-0 px-lg-0">
                            <article class="item cat-2">
                                <figure>
                                    <a href="courses.html"><img src="images/home2-categories-2.jpg" alt=""></a>
                                    <div class="info">
                                        <span class="icon">
                                            <svg 
                                            xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink"
                                            width="65px" height="65px">
                                            <path fill-rule="evenodd" 
                                            d="M60.303,37.196 C58.152,37.196 56.336,35.742 55.781,33.767 L48.732,33.767 C48.030,33.767 47.462,33.199 47.462,32.498 C47.462,31.797 48.030,31.228 48.732,31.228 L55.781,31.228 C56.336,29.253 58.152,27.800 60.303,27.800 C62.893,27.800 65.000,29.907 65.000,32.498 C65.000,35.088 62.893,37.196 60.303,37.196 ZM60.303,30.339 C59.113,30.339 58.144,31.307 58.144,32.498 C58.144,33.687 59.113,34.655 60.303,34.655 C61.493,34.655 62.461,33.687 62.461,32.498 C62.461,31.307 61.493,30.339 60.303,30.339 ZM52.159,17.535 C51.340,17.535 50.553,17.326 49.859,16.934 L42.157,24.635 C41.909,24.884 41.585,25.008 41.260,25.008 C40.935,25.008 40.610,24.884 40.362,24.635 C39.866,24.140 39.866,23.335 40.362,22.840 L48.063,15.139 C47.672,14.444 47.462,13.657 47.462,12.838 C47.462,11.583 47.951,10.404 48.838,9.517 C49.725,8.629 50.905,8.140 52.159,8.140 C53.414,8.140 54.594,8.629 55.481,9.517 C57.312,11.347 57.312,14.328 55.481,16.160 C54.594,17.046 53.414,17.535 52.159,17.535 ZM53.686,11.312 C53.278,10.904 52.736,10.680 52.159,10.680 C51.583,10.680 51.041,10.904 50.633,11.312 C50.226,11.720 50.001,12.261 50.001,12.838 C50.001,13.415 50.226,13.957 50.633,14.364 C50.633,14.364 50.633,14.364 50.633,14.364 C50.634,14.364 50.634,14.364 50.634,14.364 C51.041,14.772 51.583,14.997 52.159,14.997 C52.736,14.997 53.278,14.772 53.686,14.364 C54.527,13.523 54.527,12.154 53.686,11.312 ZM33.768,9.218 L33.768,16.265 C33.768,16.967 33.199,17.535 32.498,17.535 C31.797,17.535 31.229,16.967 31.229,16.265 L31.229,9.217 C29.254,8.662 27.801,6.846 27.801,4.695 C27.801,2.106 29.908,-0.002 32.498,-0.002 C35.088,-0.002 37.195,2.106 37.195,4.695 C37.195,6.846 35.743,8.662 33.768,9.218 ZM32.498,2.538 C31.308,2.538 30.340,3.505 30.340,4.695 C30.340,5.886 31.308,6.854 32.498,6.854 C33.688,6.854 34.657,5.886 34.657,4.695 C34.657,3.505 33.688,2.538 32.498,2.538 ZM22.786,24.053 C22.461,24.053 22.136,23.929 21.888,23.681 L15.141,16.934 C14.446,17.326 13.660,17.535 12.840,17.535 C11.586,17.535 10.406,17.046 9.519,16.160 C7.687,14.328 7.687,11.347 9.519,9.517 C10.406,8.630 11.586,8.140 12.840,8.140 C14.095,8.140 15.275,8.629 16.162,9.517 C17.049,10.404 17.538,11.583 17.538,12.838 C17.538,13.657 17.328,14.444 16.936,15.139 L23.684,21.886 C24.179,22.382 24.179,23.186 23.684,23.681 C23.436,23.929 23.111,24.053 22.786,24.053 ZM14.366,11.312 C13.959,10.904 13.417,10.680 12.840,10.680 C12.264,10.680 11.722,10.904 11.314,11.312 C10.473,12.154 10.473,13.523 11.314,14.364 C11.722,14.772 12.264,14.997 12.841,14.997 C13.417,14.997 13.959,14.772 14.366,14.365 C14.366,14.364 14.366,14.364 14.366,14.364 C14.366,14.364 14.367,14.364 14.367,14.364 C14.774,13.957 14.999,13.415 14.999,12.838 C14.999,12.261 14.774,11.720 14.366,11.312 ZM16.250,31.228 C16.951,31.228 17.519,31.797 17.519,32.498 C17.519,33.199 16.951,33.767 16.250,33.767 L9.219,33.767 C8.663,35.742 6.847,37.196 4.697,37.196 C2.107,37.196 -0.000,35.088 -0.000,32.498 C-0.000,29.908 2.107,27.800 4.697,27.800 C6.847,27.800 8.663,29.253 9.219,31.228 L16.250,31.228 ZM4.697,30.339 C3.507,30.339 2.539,31.307 2.539,32.498 C2.539,33.687 3.507,34.655 4.697,34.655 C5.887,34.655 6.855,33.687 6.855,32.498 C6.855,31.307 5.887,30.339 4.697,30.339 ZM31.601,21.208 C31.364,20.972 31.229,20.644 31.229,20.310 C31.229,19.976 31.364,19.649 31.601,19.413 C31.837,19.176 32.163,19.041 32.499,19.041 C32.833,19.041 33.160,19.176 33.396,19.413 C33.632,19.649 33.768,19.976 33.768,20.310 C33.768,20.644 33.632,20.972 33.396,21.208 C33.160,21.444 32.833,21.580 32.499,21.580 C32.165,21.580 31.837,21.444 31.601,21.208 ZM32.506,24.627 C37.640,24.627 42.241,27.686 44.228,32.421 C44.499,33.068 44.195,33.812 43.548,34.083 C42.902,34.354 42.158,34.050 41.886,33.403 C40.297,29.614 36.614,27.166 32.505,27.166 C26.899,27.166 22.337,31.727 22.337,37.335 C22.337,38.035 21.769,38.603 21.068,38.603 C20.367,38.603 19.799,38.035 19.799,37.335 C19.799,30.327 25.499,24.627 32.506,24.627 ZM38.103,37.335 C38.103,34.247 35.592,31.736 32.505,31.736 C29.419,31.736 26.908,34.247 26.908,37.335 C26.908,38.035 26.339,38.603 25.638,38.603 C24.937,38.603 24.369,38.035 24.369,37.335 C24.369,32.847 28.019,29.197 32.505,29.197 C36.992,29.197 40.642,32.847 40.642,37.335 C40.642,38.035 40.074,38.603 39.373,38.603 C38.671,38.603 38.103,38.035 38.103,37.335 ZM42.673,37.333 L42.673,37.296 C42.670,36.595 43.236,36.023 43.938,36.021 C43.939,36.021 43.941,36.021 43.943,36.021 C44.642,36.021 45.209,36.585 45.213,37.285 L45.213,37.333 C45.213,38.035 44.644,38.603 43.943,38.603 C43.242,38.603 42.673,38.035 42.673,37.333 ZM22.600,50.762 C24.474,49.681 26.825,50.280 27.951,52.128 L28.681,53.325 L28.681,37.333 C28.681,35.225 30.396,33.509 32.505,33.509 C34.615,33.509 36.330,35.225 36.330,37.333 L36.330,43.384 C36.733,43.240 37.165,43.161 37.616,43.161 C38.598,43.161 39.494,43.532 40.172,44.142 C40.850,43.532 41.746,43.161 42.727,43.161 C44.322,43.161 45.692,44.142 46.265,45.533 C46.745,45.315 47.278,45.192 47.838,45.192 C49.947,45.192 51.663,46.909 51.663,49.018 L51.663,63.728 C51.663,64.430 51.095,64.998 50.394,64.998 C49.692,64.998 49.124,64.430 49.124,63.728 L49.124,49.018 C49.124,48.309 48.547,47.732 47.838,47.732 C47.129,47.732 46.552,48.309 46.552,49.018 L46.552,50.655 L46.552,53.178 C46.552,53.879 45.984,54.448 45.283,54.448 C44.581,54.448 44.013,53.879 44.013,53.178 L44.013,50.655 L44.013,49.018 L44.013,46.986 C44.013,46.277 43.436,45.699 42.727,45.699 C42.018,45.699 41.441,46.277 41.441,46.986 L41.441,47.899 L41.441,53.178 C41.441,53.879 40.873,54.448 40.172,54.448 C39.471,54.448 38.902,53.879 38.902,53.178 L38.902,47.899 L38.902,46.986 C38.902,46.277 38.325,45.699 37.616,45.699 C36.907,45.699 36.330,46.277 36.330,46.986 L36.330,53.178 C36.330,53.879 35.762,54.448 35.061,54.448 C34.360,54.448 33.791,53.879 33.791,53.178 L33.791,37.333 C33.791,36.625 33.215,36.048 32.505,36.048 C31.796,36.048 31.220,36.625 31.220,37.333 L31.220,57.848 C31.220,58.417 30.841,58.916 30.293,59.070 C29.746,59.224 29.162,58.995 28.866,58.509 L25.783,53.450 C25.380,52.789 24.540,52.575 23.870,52.962 C23.232,53.330 22.984,54.137 23.304,54.799 L27.348,63.177 C27.653,63.808 27.388,64.567 26.757,64.872 C26.579,64.958 26.391,64.999 26.206,64.999 C25.734,64.999 25.281,64.734 25.062,64.281 L21.017,55.904 C20.122,54.050 20.818,51.792 22.600,50.762 Z"/>
                                            </svg>
                                        </span>
                                        <h3 class="title">
                                            <a href="courses.html">UX Design</a>
                                        </h3>
                                        <span class="total-course">08 Courses</span>
                                    </div>
                                </figure>
                            </article>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 px-xl-0 px-lg-0">
                            <article class="item cat-5">
                                <figure>
                                    <a href="courses.html"><img src="images/home2-categories-3.jpg" alt=""></a>
                                    <div class="info">
                                        <span class="icon">
                                            <svg 
                                            xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink"
                                            width="63px" height="56px">
                                            <path fill-rule="evenodd" 
                                            d="M49.496,22.380 L52.240,20.379 C52.786,19.981 53.551,20.100 53.949,20.646 C54.347,21.191 54.227,21.957 53.681,22.354 L50.937,24.356 C50.720,24.514 50.467,24.591 50.217,24.591 C49.840,24.591 49.468,24.417 49.229,24.089 C48.831,23.543 48.950,22.778 49.496,22.380 ZM50.760,31.301 C50.760,30.626 51.308,30.078 51.983,30.078 L57.436,30.078 C58.112,30.078 58.659,30.626 58.659,31.301 C58.659,31.976 58.112,32.524 57.436,32.524 L51.983,32.524 C51.307,32.524 50.760,31.976 50.760,31.301 ZM52.960,42.459 C52.710,42.459 52.458,42.382 52.240,42.223 L49.513,40.234 C48.967,39.836 48.847,39.072 49.246,38.526 C49.643,37.980 50.409,37.861 50.954,38.258 L53.682,40.248 C54.227,40.646 54.347,41.411 53.949,41.956 C53.710,42.284 53.337,42.459 52.960,42.459 ZM57.864,48.174 L48.123,48.174 C47.448,48.174 46.900,47.627 46.900,46.952 C46.900,46.276 47.448,45.729 48.123,45.729 L57.864,45.729 C59.348,45.729 60.554,44.522 60.554,43.039 L60.554,11.248 L7.744,11.248 C7.740,11.248 7.735,11.248 7.731,11.248 L7.731,14.681 L15.351,14.681 C16.026,14.681 16.573,15.229 16.573,15.904 C16.573,16.579 16.026,17.126 15.351,17.126 L7.730,17.126 L7.730,21.886 C7.730,22.561 7.183,23.109 6.508,23.109 C5.833,23.109 5.285,22.561 5.285,21.886 L5.285,5.135 C5.285,2.303 7.589,-0.000 10.421,-0.000 L57.864,-0.000 C60.696,-0.000 63.000,2.303 63.000,5.135 L63.000,43.039 C63.000,45.871 60.696,48.174 57.864,48.174 ZM60.554,5.135 C60.554,3.652 59.348,2.445 57.864,2.445 L10.421,2.445 C8.937,2.445 7.731,3.652 7.731,5.135 L7.731,8.804 C7.735,8.804 7.739,8.803 7.744,8.803 L60.554,8.803 L60.554,5.135 ZM12.574,4.401 C12.896,4.401 13.211,4.532 13.438,4.760 C13.666,4.987 13.797,5.303 13.797,5.624 C13.797,5.946 13.666,6.262 13.438,6.488 C13.211,6.716 12.896,6.847 12.574,6.847 C12.252,6.847 11.937,6.716 11.709,6.488 C11.482,6.261 11.351,5.946 11.351,5.624 C11.351,5.303 11.482,4.987 11.709,4.760 C11.937,4.532 12.252,4.401 12.574,4.401 ZM17.068,4.401 C17.389,4.401 17.704,4.532 17.932,4.760 C18.160,4.987 18.290,5.303 18.290,5.624 C18.290,5.946 18.160,6.262 17.932,6.488 C17.704,6.716 17.389,6.847 17.068,6.847 C16.746,6.847 16.430,6.716 16.203,6.488 C15.974,6.261 15.845,5.946 15.845,5.624 C15.845,5.303 15.974,4.987 16.203,4.760 C16.431,4.532 16.746,4.401 17.068,4.401 ZM21.561,4.401 C21.883,4.401 22.197,4.532 22.426,4.760 C22.653,4.987 22.784,5.303 22.784,5.624 C22.784,5.946 22.653,6.262 22.426,6.488 C22.197,6.716 21.883,6.847 21.561,6.847 C21.238,6.847 20.924,6.716 20.696,6.488 C20.468,6.261 20.338,5.946 20.338,5.624 C20.338,5.303 20.468,4.987 20.696,4.760 C20.924,4.532 21.238,4.401 21.561,4.401 ZM30.330,4.401 L55.711,4.401 C56.386,4.401 56.934,4.949 56.934,5.624 C56.934,6.299 56.386,6.847 55.711,6.847 L30.330,6.847 C29.655,6.847 29.108,6.299 29.108,5.624 C29.108,4.949 29.655,4.401 30.330,4.401 ZM18.452,16.768 C18.224,16.540 18.093,16.225 18.093,15.904 C18.093,15.582 18.224,15.266 18.452,15.039 C18.679,14.811 18.995,14.680 19.316,14.680 C19.638,14.680 19.953,14.811 20.181,15.039 C20.408,15.266 20.539,15.582 20.539,15.904 C20.539,16.225 20.408,16.541 20.181,16.768 C19.953,16.997 19.638,17.126 19.316,17.126 C18.995,17.126 18.679,16.996 18.452,16.768 ZM15.168,23.132 L42.591,14.735 C42.961,14.621 43.364,14.690 43.676,14.921 C43.987,15.151 44.171,15.516 44.171,15.904 L44.171,25.940 C46.618,26.497 48.449,28.689 48.449,31.301 C48.449,33.913 46.618,36.104 44.171,36.662 L44.171,46.698 C44.171,47.086 43.987,47.451 43.675,47.681 C43.462,47.839 43.207,47.921 42.948,47.921 C42.828,47.921 42.708,47.903 42.590,47.867 L23.660,42.070 C23.091,44.696 21.137,46.838 18.558,47.634 L19.147,50.461 C19.431,51.823 19.091,53.222 18.214,54.301 C17.336,55.381 16.035,56.000 14.644,56.000 C12.478,56.000 10.584,54.460 10.142,52.339 L7.450,39.436 C3.281,39.071 -0.000,35.563 -0.000,31.301 C-0.000,26.797 3.665,23.132 8.169,23.132 L15.168,23.132 ZM44.171,34.099 C45.249,33.627 46.003,32.551 46.003,31.301 C46.003,30.051 45.249,28.975 44.171,28.503 L44.171,34.099 ZM23.153,39.357 L35.898,43.260 L35.898,26.678 C35.898,26.002 36.445,25.455 37.120,25.455 C37.796,25.455 38.343,26.003 38.343,26.678 L38.343,44.009 L41.726,45.045 L41.726,45.045 L41.726,17.557 L16.574,25.259 L16.574,37.343 L22.768,39.240 C22.905,39.257 23.035,39.298 23.153,39.357 ZM18.055,45.224 C19.747,44.615 21.000,43.134 21.310,41.350 L16.970,40.021 L18.055,45.224 ZM12.536,51.840 C12.743,52.833 13.630,53.555 14.645,53.555 C15.296,53.555 15.905,53.264 16.316,52.759 C16.727,52.254 16.887,51.598 16.753,50.960 L15.920,46.962 C15.919,46.961 15.919,46.960 15.919,46.959 L14.357,39.470 L9.955,39.470 L12.536,51.840 ZM2.446,31.301 C2.446,34.457 5.013,37.024 8.169,37.024 L8.169,37.024 L8.451,37.024 L14.128,37.024 L14.128,25.578 L8.169,25.578 C5.013,25.578 2.446,28.145 2.446,31.301 ZM37.120,20.552 C37.796,20.552 38.343,21.099 38.343,21.775 L38.343,21.792 C38.343,22.467 37.795,23.015 37.120,23.015 C36.445,23.015 35.897,22.467 35.897,21.792 L35.897,21.775 C35.897,21.100 36.445,20.552 37.120,20.552 Z"/>
                                            </svg>
                                        </span>
                                        <h3 class="title">
                                            <a href="courses.html">Marketing</a>
                                        </h3>
                                        <span class="total-course">05 Courses</span>
                                    </div>
                                </figure>
                            </article>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 px-xl-0 px-lg-0">
                            <article class="item cat-3">
                                <figure>
                                    <a href="courses.html"><img src="images/home2-categories-4.jpg" alt=""></a>
                                    <div class="info">
                                        <span class="icon">
                                            <svg 
                                            xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink"
                                            width="72px" height="66px">
                                            <path fill-rule="evenodd" 
                                            d="M64.969,52.296 L43.594,52.296 L43.594,57.610 L45.562,57.610 C48.819,57.610 51.469,60.244 51.469,63.483 L51.469,64.601 C51.469,65.373 50.839,66.000 50.062,66.000 L21.937,66.000 C21.161,66.000 20.531,65.373 20.531,64.601 L20.531,63.483 C20.531,60.244 23.181,57.610 26.437,57.610 L28.406,57.610 L28.406,52.296 L7.031,52.296 C3.154,52.296 -0.000,49.160 -0.000,45.304 L-0.000,5.872 C-0.000,2.634 2.649,-0.000 5.906,-0.000 L66.094,-0.000 C69.350,-0.000 72.000,2.634 72.000,5.872 L72.000,45.304 C72.000,49.160 68.846,52.296 64.969,52.296 ZM26.437,60.407 C24.826,60.407 23.499,61.637 23.356,63.203 L48.644,63.203 C48.501,61.637 47.174,60.407 45.562,60.407 L26.437,60.407 ZM40.781,57.610 L40.781,52.296 L31.219,52.296 L31.219,57.610 L40.781,57.610 ZM69.187,5.872 C69.187,4.176 67.800,2.796 66.094,2.796 L37.406,2.796 L37.406,38.313 L69.187,38.313 L69.187,5.872 ZM69.187,41.110 L11.672,41.110 C10.895,41.110 10.266,40.484 10.266,39.712 C10.266,38.939 10.895,38.313 11.672,38.313 L34.594,38.313 L34.594,2.796 L5.906,2.796 C4.200,2.796 2.812,4.176 2.812,5.872 L2.812,45.304 C2.812,47.617 4.705,49.499 7.031,49.499 L64.969,49.499 C67.295,49.499 69.187,47.617 69.187,45.304 L69.187,41.110 ZM36.147,46.703 L36.133,46.703 C35.357,46.703 34.727,46.077 34.727,45.304 C34.727,44.532 35.357,43.906 36.133,43.906 C36.910,43.906 37.546,44.532 37.546,45.304 C37.546,46.077 36.923,46.703 36.147,46.703 ZM7.084,33.559 C7.084,32.786 7.714,32.160 8.490,32.160 L21.275,32.160 C22.051,32.160 22.681,32.786 22.681,33.559 C22.681,34.331 22.052,34.957 21.275,34.957 L8.490,34.957 C7.714,34.957 7.084,34.331 7.084,33.559 ZM26.882,32.159 L29.501,32.159 C30.277,32.159 30.907,32.785 30.907,33.557 C30.907,34.329 30.277,34.955 29.501,34.955 L26.882,34.955 C26.106,34.955 25.476,34.329 25.476,33.557 C25.476,32.785 26.106,32.159 26.882,32.159 ZM29.501,29.363 L19.828,29.363 C19.052,29.363 18.422,28.738 18.422,27.965 C18.422,27.193 19.052,26.567 19.828,26.567 L29.501,26.567 C30.277,26.567 30.907,27.193 30.907,27.965 C30.907,28.738 30.277,29.363 29.501,29.363 ZM29.501,23.770 L22.498,23.770 C21.722,23.770 21.092,23.144 21.092,22.372 C21.092,21.600 21.722,20.974 22.498,20.974 L29.501,20.974 C30.277,20.974 30.907,21.600 30.907,22.372 C30.907,23.144 30.277,23.770 29.501,23.770 ZM26.265,16.079 C25.990,16.352 25.630,16.489 25.271,16.489 C24.911,16.489 24.551,16.352 24.276,16.079 C23.727,15.533 23.727,14.648 24.276,14.102 L26.927,11.466 L24.276,8.830 C23.727,8.284 23.727,7.399 24.276,6.852 C24.826,6.306 25.716,6.306 26.265,6.852 L29.910,10.477 C30.459,11.023 30.459,11.908 29.910,12.454 L26.265,16.079 ZM17.342,16.529 C17.080,16.972 16.610,17.219 16.128,17.219 C15.886,17.219 15.641,17.157 15.417,17.026 C14.747,16.635 14.524,15.778 14.917,15.112 L20.064,6.403 C20.458,5.737 21.319,5.514 21.989,5.906 C22.659,6.297 22.883,7.154 22.489,7.819 L17.342,16.529 ZM13.130,16.079 C12.855,16.352 12.495,16.489 12.136,16.489 C11.776,16.489 11.416,16.352 11.141,16.079 L7.496,12.454 C6.947,11.908 6.947,11.023 7.496,10.477 L11.141,6.852 C11.691,6.306 12.581,6.306 13.130,6.852 C13.679,7.398 13.679,8.283 13.130,8.829 L10.479,11.466 L13.130,14.102 C13.679,14.647 13.679,15.533 13.130,16.079 ZM7.084,22.372 C7.084,21.600 7.714,20.974 8.490,20.974 L17.659,20.974 C18.435,20.974 19.065,21.600 19.065,22.372 C19.065,23.144 18.435,23.770 17.659,23.770 L8.490,23.770 C7.714,23.770 7.084,23.144 7.084,22.372 ZM13.075,29.363 L8.490,29.363 C7.714,29.363 7.084,28.738 7.084,27.965 C7.084,27.193 7.714,26.567 8.490,26.567 L13.075,26.567 C13.851,26.567 14.481,27.193 14.481,27.965 C14.481,28.738 13.851,29.363 13.075,29.363 ZM8.016,39.711 C8.016,40.079 7.865,40.440 7.603,40.700 C7.342,40.960 6.979,41.110 6.609,41.110 C6.240,41.110 5.877,40.960 5.615,40.700 C5.353,40.440 5.203,40.081 5.203,39.711 C5.203,39.344 5.354,38.983 5.615,38.723 C5.877,38.463 6.240,38.313 6.609,38.313 C6.979,38.313 7.342,38.463 7.603,38.723 C7.865,38.983 8.016,39.344 8.016,39.711 ZM41.643,5.592 L63.580,5.592 C64.357,5.592 64.987,6.219 64.987,6.991 L64.987,17.059 C64.987,17.831 64.357,18.457 63.580,18.457 L41.643,18.457 C40.866,18.457 40.237,17.831 40.237,17.059 L40.237,6.991 C40.237,6.219 40.866,5.592 41.643,5.592 ZM43.049,15.661 L62.174,15.661 L62.174,8.390 L43.049,8.390 L43.049,15.661 ZM41.705,20.974 L63.580,20.974 C64.357,20.974 64.987,21.600 64.987,22.372 C64.987,23.144 64.357,23.770 63.580,23.770 L41.705,23.770 C40.929,23.770 40.299,23.144 40.299,22.372 C40.299,21.600 40.929,20.974 41.705,20.974 ZM41.705,26.567 L63.580,26.567 C64.357,26.567 64.987,27.193 64.987,27.965 C64.987,28.738 64.357,29.363 63.580,29.363 L41.705,29.363 C40.929,29.363 40.299,28.738 40.299,27.965 C40.299,27.193 40.929,26.567 41.705,26.567 ZM41.705,32.160 L57.867,32.160 C58.644,32.160 59.273,32.786 59.273,33.559 C59.273,34.331 58.644,34.957 57.867,34.957 L41.705,34.957 C40.929,34.957 40.299,34.331 40.299,33.559 C40.299,32.786 40.929,32.160 41.705,32.160 ZM63.581,32.161 C63.951,32.161 64.312,32.309 64.575,32.571 C64.836,32.831 64.987,33.190 64.987,33.559 C64.987,33.927 64.836,34.287 64.575,34.548 C64.312,34.808 63.951,34.957 63.581,34.957 C63.210,34.957 62.848,34.808 62.586,34.548 C62.324,34.287 62.174,33.927 62.174,33.559 C62.174,33.190 62.324,32.831 62.586,32.571 C62.848,32.309 63.209,32.161 63.581,32.161 Z"/>
                                            </svg>
                                        </span>
                                        <h3 class="title">
                                            <a href="courses.html">Web Developer</a>
                                        </h3>
                                        <span class="total-course">03 Courses</span>
                                    </div>
                                </figure>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Our Team -->
        <section class="our-team-2 section-padding-large">
            <div class="container">
                <div class="section-title-black section-title-center">
                    <h2>OUR TEACHERS</h2>
                    <p class="title-desc">
                        Tempus egestas sed sed risus pretium quam vulputate. Sit amet est placerat in id nibh tortor egestas erat imperdiet sed.
                    </p>
                </div>
                <div class="our-team-2-content">
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                            <div class="team-group">
                                <h4 class="team-group-title team-group-title-green">Tutors UI Design</h4>
                                <div class="team-group-content">
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/home3-tutor-1.jpg" alt="Charles Williams">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Charles Williams</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/home3-tutor-2.jpg" alt="Kevin Clarke">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Kevin Clarke</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/our-team-7.jpg" alt="Matthew Wells">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Matthew Wells</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/home3-tutor-5.jpg" alt="Lauren Campbell">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Lauren Campbell</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                            <div class="team-group">
                                <h4 class="team-group-title team-group-title-violet">Tutors UX Design</h4>
                                <div class="team-group-content">
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/course-small-1.jpg" alt="Freddie Jenkins">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Freddie Jenkins</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/home3-tutor-3.jpg" alt="Thomas Wright">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Thomas Wright</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/our-team-5.jpg" alt="Amanda Phillips">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Amanda Phillips</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/our-team-8.jpg" alt="Robert Dixon">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Robert Dixon</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                            <div class="team-group">
                                <h4 class="team-group-title team-group-title-blue">Tutors Marketing</h4>
                                <div class="team-group-content">
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/our-team-3.jpg" alt="Fiona Goodwin">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Fiona Goodwin</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/home3-tutor-4.jpg" alt="Kevin Watkins">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Kevin Watkins</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/home3-tutor-6.jpg" alt="Andrea Weber">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Andrea Weber</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                    <article class="item">
                                        <figure>
                                            <a href="#">
                                                <img src="images/home3-tutor-7.jpg" alt="Heather Parker">
                                            </a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="#">Heather Parker</a>
                                            </h3>
                                            <span class="job-title">Teacher</span>
                                        </div>
                                    </article>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Sign up -->
        <section class="sign-up-2 section-padding-large">
            <div class="container">
                <div class="sign-up-content">
                    <div class="row">
                        <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 pr-xl-0 pr-lg-0 pr-md-3">
                            <div class="sign-up-form">
                                <div class="form-heading">
                                    <h3>
                                        Get Free Online Courses
                                    </h3>
                                </div>
                                <form method="POST" class="form-signup js-contact-form" action="includes/contact-form.php">
                                    <div class="form-group">
                                        <input type="text" name="name" id="name" placeholder="Your Name">
                                    </div>
                                    <div class="form-group">
                                        <input type="email" name="email" id="email" placeholder="Your Email">
                                    </div>
                                    <div class="form-group">
                                        <input type="textl" name="phone" id="phone" placeholder="Phone Number">
                                    </div>
                                    <input type="submit" class="submit au-btn-hover" value="Get It Now">
                                </form>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12 pl-xl-0 pl-lg-0 pl-md-3">
                            <div class="register-now">
                                <h2 class="register-title">FREE COURSES</h2>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</p>
                                <div id="count-down-time" data-countdown="2019/03/30"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Our skillls -->
        <section class="our-skillls js-waypoint">
            <div class="container">
                <div class="our-skillls-content">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="list-skills">
                                <h2 class="title">Our Teaching Skills</h2>
                                <p class="desc">Convallis aenean et tortor at risus viverra adipiscing at. Faucibus a pellentesque sit am morbi semper viverra nam.</p>
                                <div class="skills">
                                    <div class="progress-bar">
                                        <div class="progress-box">
                                            <div class="au-progress au-progress-1">
                                                <div class="au-progress-bar au-progress-green" role="progressbar" data-transitiongoal="95">
                                                    <h5>UI Design</h5>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="progress-box">
                                            <div class="au-progress au-progress-1">
                                                <div class="au-progress-bar au-progress-violet" role="progressbar" data-transitiongoal="80">
                                                    <h5>UX Design</h5>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="progress-box">
                                            <div class="au-progress au-progress-1">
                                                <div class="au-progress-bar au-progress-blue" role="progressbar" data-transitiongoal="60">
                                                    <h5>Marketing</h5>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="progress-box">
                                            <div class="au-progress au-progress-1">
                                                <div class="au-progress-bar au-progress-pink" role="progressbar" data-transitiongoal="70">
                                                    <h5>Web Developer</h5>
                                                    <span></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="our-skillls-image">
                                <figure>
                                    <img src="images/home3-skills-img.png" alt="">
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Testimonials -->
        <section class="home3-testimonials section-padding-large bg-parten">
            <div class="container">
                <div class="section-title section-title-center">
                    <h2>What Our Students Say?</h2>
                </div>
                <div class="home2-testimonials-content">
                    <article class="item">
                        <div class="info">
                            <h5 class="title-item">Learning — Blended to Perfection</h5>
                            <p class="desc">
                                “Tellus integer feugiat scelerisque varius. Eu feugiaetium nibh ipsum consequat nisl vel pretium. Mi sit amet mauris commodo quis sit amet aliquet imperdiet praesent aliquet risus integer quis suscipit tellus mu.”
                            </p>
                        </div>
                        <figure>
                            <a href="#">
                                <img src="images/testimonials-5.jpg" alt="Elizabeth King">
                            </a>
                            <h4 class="title">
                                <a href="#">Elizabeth King</a>
                            </h4>
                            <span class="job-title">Poster Design</span>
                        </figure>
                    </article>
                    <article class="item">
                        <div class="info">
                            <h5 class="title-item">Best Support 24/7</h5>
                            <p class="desc">
                                “Cras adipiscing enim eu turpis egestas pretium aenean pharetra magna. Augue neque gravida in fermentum. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris.”
                            </p>
                        </div>
                        <figure>
                            <a href="#">
                                <img src="images/course-small-1.jpg" alt="Gabriel Watson">
                            </a>
                            <h4 class="title">
                                <a href="#">Gabriel Watson</a>
                            </h4>
                            <span class="job-title">UI Design</span>
                        </figure>
                    </article>
                    <article class="item">
                        <div class="info">
                            <h5 class="title-item">Amazing Courses</h5>
                            <p class="desc">
                                “Feugiat sed lectus vestibulum mattis. Dui accumsan sit amet nulla facilisi morbi tempus iaculis urna. Eu volutpat odio facilisis mauris sit amet massa vitae tortormauris pellentesque pulvinar.”
                            </p>
                        </div>
                        <figure>
                            <a href="#">
                                <img src="images/testimonials-6.jpg" alt="Amanda James">
                            </a>
                            <h4 class="title">
                                <a href="#">Amanda James</a>
                            </h4>
                            <span class="job-title">Marketing</span>
                        </figure>
                    </article>
                </div>
            </div>
        </section>

        <!-- Events -->
        <section class="events event-shadow section-padding-large">
            <div class="container">
                <div class="section-title section-title-center">
                    <h2>Up Comming Events</h2>
                </div>
                <div class="events-content">
                    <article class="item display-flex">
                        <div class="info">
                            <div class="post-date display-flex-center">
                                <span class="date">15</span>
                                <span class="month">June</span>
                            </div>
                            <div class="course-title">
                                <h3 class="title">
                                    <a href="single-event.html">Technology Connection</a>
                                </h3>
                                <span class="price free">Free</span>
                            </div>
                            <div class="meta">
                                <span class="time"><i class="far fa-clock"></i>8:00Am - 18:00Pm</span>
                                <span class="address"><i class="fas fa-map-marker-alt"></i>27th St, New York, NY</span>
                            </div>
                            <p class="desc">
                                In hendrerit gravida rutrum quisque non. Suspendisse faucibus interdum posuere lorem ipsum dolor. Tincidunt lobortis feugiat vivamus at augue eget arcu.
                            </p>
                        </div>
                        <figure>
                            <a href="single-event.html">
                                <img src="images/home2-events-1.jpg" alt="">
                            </a>
                        </figure>
                    </article>
                    <article class="item display-flex">
                        <div class="info">
                            <div class="post-date display-flex-center">
                                <span class="date">18</span>
                                <span class="month">June</span>
                            </div>
                            <div class="course-title">
                                <h3 class="title">
                                    <a href="single-event.html">AI Development Day</a>
                                </h3>
                                <span class="price notfree">$20.00</span>
                            </div>
                            <div class="meta">
                                <span class="time"><i class="far fa-clock"></i>14:00Pm - 18:00Pm</span>
                                <span class="address"><i class="fas fa-map-marker-alt"></i>27th St, New York, NY</span>
                            </div>
                            <p class="desc">
                                Hendrerit dolor magna eget est lorem. Tempor commodo ullamcorper a lacus vestibulum sed. Cras tincidunt lobortis feugiat vivamus. Senectus et netus et malesuada fames.
                            </p>
                        </div>
                        <figure>
                            <a href="single-event.html">
                                <img src="images/home2-events-2.jpg" alt="">
                            </a>
                        </figure>
                    </article>
                    <article class="item display-flex">
                        <div class="info">
                            <div class="post-date display-flex-center">
                                <span class="date">20</span>
                                <span class="month">June</span>
                            </div>
                            <div class="course-title">
                                <h3 class="title">
                                    <a href="single-event.html">Creative Development</a>
                                </h3>
                                <span class="price free">Free</span>
                            </div>
                            <div class="meta">
                                <span class="time"><i class="far fa-clock"></i>8:00Am - 16:00Pm</span>
                                <span class="address"><i class="fas fa-map-marker-alt"></i>27th St, New York, NY</span>
                            </div>
                            <p class="desc">
                                Lectus quam id leo in vitae turpis massa sed. Tincidunt lobortis feugiat vivamus at augue eget arcu. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium.
                            </p>
                        </div>
                        <figure>
                            <a href="single-event.html">
                                <img src="images/home2-events-3.jpg" alt="">
                            </a>
                        </figure>
                    </article>
                </div>
            </div>
        </section>

        <!-- Lastest news -->
        <section class="blog section-padding-large background-grey">
            <div class="container">
                <div class="section-title section-title-center">
                    <h2>Latest News</h2>
                </div>
                <div class="blog-content">
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                            <article class="item hover-scale">
                                <figure>
                                    <a href="single.html">
                                        <img src="images/home1-blog-1.jpg" alt="">
                                    </a>
                                    <div class="hover-border">
                                        <a href="single.html">
                                            <i class="fas fa-link"></i>
                                        </a>
                                    </div>
                                </figure>
                                <div class="info">
                                    <h3 class="title">
                                        <a href="single.html">
                                            Technologies Driving Digital Transformation
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        Lobortis scelerisque fermentum faucibus in ornare quam. Fringilla est ullamcorper eget nulla facilisi etiam dignissim.
                                    </p>
                                    <div class="meta">
                                        <span class="date"><i class="far fa-calendar"></i>24 June,2018</span>
                                        <span class="likes">
                                            <i class="fas fa-heart"></i>22 Likes
                                        </span>
                                    </div>
                                </div>
                            </article>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                            <article class="item hover-scale">
                                <figure>
                                    <a href="single.html">
                                        <img src="images/home1-blog-2.jpg" alt="">
                                    </a>
                                    <div class="hover-border">
                                        <a href="single.html">
                                            <i class="fas fa-link"></i>
                                        </a>
                                    </div>
                                </figure>
                                <div class="info">
                                    <h3 class="title">
                                        <a href="single.html">
                                            Skills Training: The Fuel for Great Performance Reviews
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        Fringilla scelerisque fermentum faucibus in ornare quam. Fringilla est ullamcorper eget nulla facilisi etiam dignissim.
                                    </p>
                                    <div class="meta">
                                        <span class="date"><i class="far fa-calendar"></i>26 June,2018</span>
                                        <span class="likes">
                                            <i class="fas fa-heart"></i>25 Likes
                                        </span>
                                    </div>
                                </div>
                            </article>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                            <article class="item hover-scale">
                                <figure>
                                    <a href="single.html">
                                        <img src="images/home1-blog-3.jpg" alt="">
                                    </a>
                                    <div class="hover-border">
                                        <a href="single.html">
                                            <i class="fas fa-link"></i>
                                        </a>
                                    </div>
                                </figure>
                                <div class="info">
                                    <h3 class="title">
                                        <a href="single.html">
                                            Free eBook: 2019's Top 8 IT Certifications
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        Volutpat lacus laoreet non curabitr. Feugiat pretium nibh ipsum consequat nisl vel pretium lectus massa placera.
                                    </p>
                                    <div class="meta">
                                        <span class="date"><i class="far fa-calendar"></i>26 June,2018</span>
                                        <span class="likes">
                                            <i class="fas fa-heart"></i>15 Likes
                                        </span>
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="gallery">
            <div class="container-fluid">
                <div class="gallery-content gallery-hover">
                    <div class="row">
                        <div class="col px-0">
                            <figure>
                                <a href="images/home3-gallery-1.jpg" class="grouped_gallery" data-fancybox="gallery">
                                    <img src="images/home3-gallery-1.jpg" alt="">
                                </a>
                            </figure>
                        </div>
                        <div class="col px-0">
                            <figure>
                                <a href="images/home3-gallery-2.jpg" class="grouped_gallery" data-fancybox="gallery">
                                    <img src="images/home3-gallery-2.jpg" alt="">
                                </a>
                            </figure>
                        </div>
                        <div class="col px-0">
                            <figure>
                                <a href="images/home3-gallery-3.jpg" class="grouped_gallery" data-fancybox="gallery">
                                    <img src="images/home3-gallery-3.jpg" alt="">
                                </a>
                            </figure>
                        </div>
                        <div class="col px-0">
                            <figure>
                                <a href="images/home3-gallery-4.jpg" class="grouped_gallery" data-fancybox="gallery">
                                    <img src="images/home3-gallery-4.jpg" alt="">
                                </a>
                            </figure>
                        </div>
                        <div class="col px-0">
                            <figure>
                                <a href="images/home3-gallery-5.jpg" class="grouped_gallery" data-fancybox="gallery">
                                    <img src="images/home3-gallery-5.jpg" alt="">
                                </a>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- Footer page -->
    <footer class="footer">
        <div class="footer-top">
            <div class="container">
                <div class="footer-top-content">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 footer-info">
                            <div class="footer-logo">
                                <a href="index.html"><img src="images/logo-white.png" alt="SmartEdu"></a>
                            </div>
                            <p class="footer-intro">
                                Proin libero nunc conseq interdum varius sit amet. Metus ali elei mi in nulla posuere. Tortor preti viverra suspendisse potenti nul ac.
                            </p>
                            <div class="socials">
                                <ul>
                                    <li>
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fab fa-google-plus-g"></i></a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fab fa-youtube"></i></a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 footer-menu">
                            <div class="footer-title">
                                <h4>Link Useful</h4>
                            </div>
                            <div class="footer-link-menu">
                                <ul>
                                    <li><a href="#"><i class="la la-angle-right"></i>Courses</a></li>
                                    <li><a href=""><i class="la la-angle-right"></i>Teacher</a></li>
                                    <li><a href=""><i class="la la-angle-right"></i>Graduation</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>International</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Support</a></li>
                                </ul>
                                <ul>
                                    <li><a href="#"><i class="la la-angle-right"></i>About Us</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Partner</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Blog Post</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Events</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Contact</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 footer-gallery">
                            <div class="footer-title">
                                <h4>Gallery</h4>
                            </div>
                            <div class="footer-gallery-content">
                                <figure>
                                    <a href="images/footer-gallery-1.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-1.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-2.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-2.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-3.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-3.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-4.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-4.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-5.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-5.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-6.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-6.jpg" alt="">
                                    </a>
                                </figure>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 footer-contact">
                            <div class="footer-title">
                                <h4>Infomation</h4>
                            </div>
                            <ul>
                                <li>
                                    <i class="fas fa-map-marker-alt"></i>
                                    <span>SmartEdu, 20th St, New York, NY 10003</span>
                                </li>
                                <li class="footer-phone">
                                    <i class="fas fa-mobile-alt"></i>
                                    <span>+1 333-444-5555</span>
                                </li>
                                <li class="footer-fax">
                                    <i class="fas fa-fax"></i>
                                    <span>+1 333-444-5555</span>
                                </li>
                                <li>
                                    <i class="far fa-envelope"></i>
                                    <span>info@smartedu.com</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="footer-bottom-content">
                    <p class="copyright">Copyright @ 2019 <span>SmartEdu</span>. <a class="au-btn-buy" href="http://bootstrapmb.com">Get The Template</a></p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Back to top -->
    <div id="back-to-top">
        <i class="fa fa-angle-up"></i>
    </div>

    <!-- JS -->

    <!-- Jquery and Boostrap library -->
    <script src="vendor/bootstrap/js/popper.min.js"></script>
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Other js -->
    <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAEmXgQ65zpsjsEAfNPP9mBAz-5zjnIZBw"></script>
    <script src="js/theme-map.js"></script>
    <script src="js/jquery.countdown.min.js"></script>
    <script src="js/masonry.pkgd.min.js"></script>
    <script src="js/imagesloaded.pkgd.js"></script>
    <script src="js/isotope-docs.min.js"></script>

    <!-- Vendor JS -->
    <script src="vendor/slick/slick.min.js"></script>
    <script src='vendor/jquery-ui/jquery-ui.min.js'></script>
    <script src="vendor/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
    <script src="vendor/waypoints/lib/jquery.waypoints.min.js"></script>
    <script src="vendor/jquery-validation/dist/jquery.validate.min.js"></script>
    <script src="vendor/sweetalert/sweetalert.min.js"></script>
    <script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
    <script src='vendor/fullcalendar/lib/moment.min.js'></script>
    <script src='vendor/fullcalendar/fullcalendar.min.js'></script>
    <script src='vendor/wow/dist/wow.min.js'></script>

    <!-- REVOLUTION JS FILES -->
    <script src="vendor/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="vendor/revolution/js/jquery.themepunch.revolution.min.js"></script>

    <!-- Form JS -->
    <script src="js/validate-form.js"></script>
    <script src="js/config-contact.js"></script>

    <!-- Main JS -->
    <script src="js/main.js"></script> 
</body>

</html>